<template> 
    <div>
        <mt-swipe :auto="4000">
            <!-- 谁使用轮播图组件，谁传递lunboList
            涉及到父组件向子组件传递值
             -->
            <mt-swipe-item v-for="item in lunboList" :key="item.img">
                <a :href="item.url"><img :src="item.img" alt=""></a>
            </mt-swipe-item>
        </mt-swipe>
    </div>
</template>
<script>
    export default {
        props: ['lunboList']
    }
</script>
<style lang="less" scoped>
.mint-swipe{
  height: 200px;
  .mint-swipe-item{
    background-color: pink;
    &:nth-child(2){
      background: orange;
    }
    &:nth-child(3){
      background: lightblue;
    }
    img{
      width: 100%;
      height: 100%;
    }
  }
}
</style>